<?php
   if ( !defined( "RUTA_BASE_SISTEMA" ) )
     {
        require "sistema/config/Constantes.php"; 
     }
?>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title><?php  echo NOMBRE_SISTEMA ?></title><link rel="stylesheet" type="text/css" href="css/general.css">
      <link rel="stylesheet" type="text/css" href="<?php echo CSS_RUTA_BASE . "/redmond/jquery-ui-1.8.18.custom.css" ?>" />
      <script type="text/javascript" src="<?php echo JAVASCRIPT_JQUERY ?>"></script>
      <script type="text/javascript" src="<?php echo JAVASCRIPT_JQUERY_UI ?>" ></script>
      <script type="text/javascript" src="<?php echo JAVASCRIPT_LESS ?>" ></script>
      <script type="text/javascript">
       $( document ).ready( function() {

            /*$( "#imglogo" ).removeAttr( "src" );
            $( "#imglogo" ).attr( "src" , "<?php echo LOGO_SISTEMA ?>" );*/

            /*$( "#acceso_sistema" ).bind( "click", function( evento ) {
         	      evento.preventDefault();
         	        $( "#main" ).load( "<?php echo RUTA_BASE_SISTEMA . "/sistema/index.php" ?>" );
                } );*/
           } );

    </script>
   <style type="text/css">
   #apDiv1 {
	position:absolute;
	left:600px;
	top:428px;
	width:249px;
	height:205px;
	z-index:1;
}
   #apDiv2 {
	position:absolute;
	left:615px;
	top:303px;
	width:72px;
	height:17px;
	z-index:2;
}
   #apDiv3 {
	position:absolute;
	left:699px;
	top:226px;
	width:156px;
	height:94px;
	z-index:3;
}
   #apDiv4 {
	position:absolute;
	left:11px;
	top:225px;
	width:585px;
	height:188px;
	z-index:4;
}
   #apDiv5 {
	position:absolute;
	left:600px;
	top:643px;
	width:249px;
	height:170px;
	z-index:5;
	border: 1 solid black;
}
   </style>
   </head>
   <body>
   	  <div id="apDiv1"></div>
   	  <div id="apDiv2">Agregar Foto</div>
   	  <div id="apDiv3"></div>
   	  <div id="apDiv4"></div>
   	  <div id="apDiv5">
      		Encuestas
      		<ul>
            	<li>Opcion 1</li>
                <li>Opcion 1</li>
                <li>Opcion 1</li>
            </ul>
      </div>
   	  <div class="principal">	
        <div id="banner"></div>
          <div class="nav">
             <ul>
                <li>Inicio</li>
                <li>Inicio</li>
                <li>Inicio</li>
                <li>Inicio</li>
                <li>Inicio</li>
             </ul>
          </div>
          <div class="panel_derecho">
             <div id="panel">
                <div id="foto">
                   <img class="foto" src="<?php echo IMAGES_RUTA_BASE . "/foto.png"; ?>" />
                </div>
                <div id="opciones_usuario">
                   <ul>
                      <li>Perfil</li>
                      <li>Entrar a SITKD</li>
                      <li>Cerrar Sesión</li>
                   </ul>
                </div>
             </div>
             <div id="box">
                <div id="calendario"></div>
                <div id="fecha_seleccionada"></div>    
                <script>
                   $( function() {
                         $( "#calendario" ).datepicker();
                   } );
                </script>            
             </div>
          </div>
          
      </div>
   </body>
</html>      
